<template>
  <div>
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item of lunbotuList" :key="item.id">
        <a :href="item.url">
          <img :src="item.img" :class="{ full:isfull }">
        </a>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>


<script>
export default {
  props: ["lunbotuList", "isfull"]
};
</script>


<style lang="scss" scoped>
// .mint-swipe {
//   // padding:10px;
//   height: 100%;
//   .mint-swipe-item {
//     &:nth-child(1) {
//       background-color: red;
//     }
//     &:nth-child(2) {
//       background-color: green;
//     }
//     &:nth-child(3) {
//       background-color: blue;
//     }
//   }
// }
swipe-item {
  height: 100%;
  img {
    width: 100%;
    height: 100%;
  }
}
.conbox {
  .mint-swipe {
    height: 200px;
    .mint-swipe-items-wrap {
      height: 100%;
      .mint-swipe-item {
        text-align: center;
        img {
          height: 100%;
          &.full {
            width: 100%;
          }
        }
      }
    }
  }
}
</style>
